{extend name="template/pc/shanyu/_base.html" /}

{block name="css"}
<link rel="stylesheet" href="__TPMPLATE__pc/shanyu/css/jqzoom.css">
{/block}

{block name="main"}

<!-- PC 左右框架 -->
<div class="container content cont-pc">

    {include file="template/pc/shanyu/_left.html"}

    <!-- 右边 -->
    <div class="col-md-9 right">

        {include file="template/pc/shanyu/_right.html"}

        <!-- 可变化内容 -->
        <div class="conY">

            <div class="conY_tit">{$data.title ?? ''}</div>
            <div class="conY_dat">{:lang('Author')}：{$data.issue}&nbsp;&nbsp;&nbsp;{:lang('Create time')}：{$data.create_time ?? ''}</div>

            <div class="conY_text" style="text-align: left;">

                <!-- 产品开始 -->
                <div class="right-extra">

                    <!--产品参数开始-->
                    <div class="tendcont">

                        <div class="tend-left">

                            <!-- 大图 -->
                            <div id="preview" class="spec-preview">
                                <span class="jqzoom">
                                    {volist name="$images" id="vo"}
                                    <img alt="{$data.title}" jqimg="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" src="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" />
                                    {/volist}
                                </span>
                            </div>
                            <!-- #大图 -->

                            <!--缩图开始-->
                            <div class="spec-scroll">
                                <a class="prev"></a>
                                <a class="next"></a>
                                <div class="items">
                                    <ul>
                                        {volist name="$images" id="vo"}
                                        <li>
                                            <img alt="{$data.title}" bimg="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" src="__PUBLIC__/uploads/{$vo ?'image/'.$vo: 'not.jpg'}" onmousemove="preview(this);">
                                        </li>
                                        {/volist}

                                    </ul>
                                </div>
                            </div>
                            <!--缩图结束-->

                        </div>

                        <!-- 产品参数 -->
                        <div class="tend-right">
                            {$data.parameter|default=''|html_entity_decode ?? ''}
                        </div>
                        <!-- #产品参数 -->

                    </div>
                    <!--产品参数结束-->

                    <div style="clear:both;height:10px;"></div>

                    <!-- 内容,评论 -->
                    <div class="m" id="comment">
                        <!-- 切换按钮 -->
                        <ul class="tab clearfix">
                            <li onclick="tabs('#comment',0)" class="curr">
                                {:lang('Graphic introduction')}<strong></strong>
                            </li>
                        </ul>
                        <!-- #切换按钮 -->

                        <!-- 图文介绍 -->
                        <div class="mc tabcon" style="display:block;">
                            <div class="norecode">
                                {$data.center|default=''|html_entity_decode ?? ''}
                            </div>
                        </div>
                        <!-- #图文介绍 -->

                    </div>
                    <!-- #内容,评论 -->

                </div>
                <!-- #产品结束 -->

            </div>

            <!-- 分页 -->
            <div class="conY_fanye">
                <div class="conY_fanyel">
                    {:lang('Previous page')}：
                    {empty name="$next.pre.id"}{:lang('No')}{else /}
                    <a title="{$next.pre.title}" href="{:url(\''.\\think\\Request::instance()->controller().'/detailed',['id'=>$next.pre.id,'navid'=>$next.pre.cid])}">
                        {$next.pre.title}
                    </a>
                    {/empty}
                </div>

                <div class="conY_fanyer">
                    {:lang('Next page')}：{empty name="$next.next.id"}{:lang('No')}{else /}
                    <a title="{$next.next.title}" href="{:url(\''.\\think\\Request::instance()->controller().'/detailed',['id'=>$next.next.id,'navid'=>$next.next.cid])}">
                        {$next.next.title}
                    </a>
                    {/empty}
                </div>
            </div>
            <!-- #分页 -->

        </div>
        <!-- #可变化内容 -->

    </div>
    <!-- 右边 -->

</div>
<!-- PC 左右框架 -->

<!-- 移动 框架 -->
<div class="cont-mobile">

    <!-- 主内容 -->
    <div class="container">

        {include file="template/pc/shanyu/_right.html"}

        <!-- 可变化内容 -->
        <!-- 标题 -->
        <div class="starter-template other-text">
            <h1 class="text-center">
                {$data.title ?? ''}
            </h1>
            <h5 class="text-center">{:lang('Author')}：{$data.issue}&nbsp;&nbsp;&nbsp;{:lang('Create time')}：{$data.create_time ?? ''}</h5>
        </div>
        <!-- #标题 -->

        <div class="cont_details">
            <div class="conY_text">{$data.center|default=''|html_entity_decode ?? ''}</div>
        </div>
        <!-- 可变化内容 -->

    </div>
    <!-- #主内容 -->

</div>
<!-- 移动 框架 -->
{/block}

{block name="js"}
<script type="text/javascript" src="__TPMPLATE__pc/shanyu/js/jqzoom/jquery.jqzoom.js"></script>
<script type="text/javascript" src="__TPMPLATE__pc/shanyu/js/jqzoom/base.js"></script>
{/block}